@charset "utf-8";
/*blue: rgba(12,98,168,1), purple: rgba(152,87,205,1), grey: #ebebeb*/
html {
	background-color:#ebebeb;
	min-height:100%;
	height:100%;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	/* [disabled]padding-right: 1%; */
	/* [disabled]padding-left: 1%; */ /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
h1, h2, h3, h4, h6{
	font-family: "adobe-text-pro", sans-serif;
	
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a {
	color: rgba(12,98,168,1);
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

/* Global Styles */

body {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 960px;
	/* [disabled]padding-left: 2.275%; */
	/* [disabled]padding-right: 2.275%; */
	background-color: #ffffff;
	color: #343434;
	font-family: 'Helvetica Neue', sans-serif;
	min-height: 100%;
}
body, td, th {
	font-family: "Helvetica Neue", sans-serif;
}

img {
	max-width:100%;
}

/* Header */
.header {
	text-align: center;
	/*display: block;*/
	width: 100%;
	height: 160px;
	padding: 1% 0 1% 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	background-image: url(IMAGES/header-back.png);
	background-repeat: no-repeat;
}
.header .profileLogo {
	float: left;
	width: 25%;
}
.header .navholder {
	float: right;
	width: 70%;
	/*background: solid 1px rgba(119,166,217,0.61);*/
	font-size: .9em;
	text-align: right;
	padding-right: 1%;
	padding-left: 0;
	padding-bottom: 0;
	margin-top: 6%;
}
/*header .profileLogo .logoPlaceholder {
	background-color: rgba(208,207,207,1.00);
	width: 187px;
	text-align: center;
}
header .logoPlaceholder span {
	width: 80px;
	height: 22px;
	font-family: 'Montserrat', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 30px;
	font-weight: 700;
	line-height: 53px;
}
header .profilePhoto {
	background-color: rgba(237,237,237,1.00);
	width: 259px;
	border-radius: 50%;
	height: 259px;
	clear: both;
}
header .profileHeader h1 {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 30px;
	font-weight: normal;
	line-height: 24px;
}
header .profileHeader h3 {
	font-family: sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}*/
/*begin nav*/

.menuicon {
	display: none;/*new*/
	/*width: auto;*/
}
.header #headernav {
	position: relative; /*new*/
	margin-top: 4em;
	float: right;
	width: 70%;
	/* [disabled]border-bottom: solid 1px #194680; */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 10px;	

}
.header #headernav .navlist,
.header  #headernav .navlist li {
margin: 0;
padding: 0;
}
/*to help ie issues 
.header #headernav ul {
	*display:inline;
display:block;
	list-style: none;*/

.header #headernav .navlist li {
	float:right;
	list-style: none;/*new*/
	font-size: medium;	
	/*margin-right:10px;*/
}
.header #headernav .navlist a {
	font-size: .85em;
	line-height: 1.1em;
	font-weight: normal;
	padding-left: 12px;
	padding-bottom: 10px;
	text-decoration: none;
	/* [disabled]color: #18467F; */
	margin: 0 1.1em 0 1em;
	display: block;/*new*/
	/*zoom: 1;
    *display: inline;new*/
}
 .header  #headernav .navlist a:hover {
	font-weight: normal;
	color: rgba(150,150,150,1);
} 



/*nav dropdown */
.header #headernav .navlist ul {
display: none; /* hide dropdown */
position:absolute;/*from absolute*/
z-index:10000;
width:auto;
/*margin:.3% .1% 0 20%;*/
/*margin-top:-13px;*/
top:-2px;
padding:.2em 0 .2em 0;
border: solid 1px rgba(12,98,168,.2);
border-radius:6px;
background:rgba(250,250,250,.8);
/*line-height:2em;*/
}
.header #headernav .navlist ul li {
	float: none;
margin: 0;
padding: 0 0 0 .2em;

}
.header #headernav .navlist ul li a:hover {
border:0;
}
.header #headernav .navlist li:hover > ul {
display: block; /* show dropdown on hover */
/*zoom: 1;
*display: inline;new*/

} 
ul.navlist li a.nextednav {
	background-image:url(IMAGES/pointdown.png);
	background-repeat:no-repeat;
	background-position:left;
	line-height:2em;
	
	}
/*end nav*/
.center {
	text-align: center;
}
hr {
	background-color: rgba(208,207,207,1.00);
	height: 1px;
}
header .profileHeader p {
	font-family: sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	overflow-y: auto;
}
header .socialNetworkNavBar {
	text-align: center;
	display: block;
	margin-top: 60px;
	clear: both;
}
header .socialNetworkNavBar .socialNetworkNav {
	border-radius: 50%;
    cursor: pointer;
}
header .socialNetworkNavBar .socialNetworkNav img:hover {
    opacity:0.5;
}
/* Main Content sections */
.mainContent {
	display: block;
	padding-bottom: 2em;
	margin-bottom: 1em;
	height: 100%;
}
.sliderHolder {
	height:100%;
}
.mainContent .section1 {
	display: block;
	height: 100%;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	/* [disabled]margin-top: 1em; */
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}
.fltlft {
	float: left;
	padding-right: 18px;
	padding-bottom: 10px;
}
.fltlft-Icon {
	float: left;
	padding-right: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.fltrt {
	float: right;
	padding-left: 8px;
	padding-bottom: 10px;
}
.clearfloat {
	clear:both;
}
.homepageTagline {
	text-align: center;
	font-size: 1.3em;
	font-weight: light;
	font-variant: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 5%;
	padding-right: 5%;
}
.homepageTagline h1 {
	font-weight: 300;
	margin-top: 1em;
}
.homepageTagline h3 {
	font-weight: 300;
	font-size: 0.9em;
}
.photoheader {
	margin-bottom: 1em;
}
.productlist   {
	width: 27%;
	text-align: center;
	background-color: rgba(12,98,168,0.02);
	color: rgba(38,39,39,1.00);
	font-family: "adobe-text-pro", sans-serif;
	padding-top: 1%;
	padding-bottom: 1%;
	float: right;
	padding-right: 1%;
	padding-left: 1%;
	border: 1px solid rgba(12,98,168,0.3);
	border-radius: 6px;
	margin-left: 0.6em;
	margin-bottom: 0.6em;
}
.productlist h3 {
font-family: "adobe-text-pro", sans-serif;
font-size:.9em;
}
.productlist h3 a{
text-decoration:none;
}
.productlist h3 a:hover {
color:rbga(255,255,255,0.8);
}
.productlist li {
	font-size: .8em;
	display: inline;
	list-style-type: none;
	text-align: center;
	margin-right: 2em;
	width: auto;
}
.section1 article ol, ul {
	margin:1em 1em 1em 1.3em;
	font-size:.9em;
}
.section1 .sectionTitle, .section2 .sectionTitle {
	font-family: "adobe-text-pro", sans-serif;
	color: rgba(55,55,55,1.00);
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	margin: 0 3% 0 0;
	float: left;
	clear: both;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
	background-color: rgba(208,207,207,1.00);
	height: 1px;
	padding: 0px;
}
.leftcolumn {
	float: left;
	width: 45%;
	margin-right: 3%;
	margin-top: 1em;
}
.leftcolumn ul {
	margin-top: 0em;
}
.leftcolumn h4 {
	margin-bottom: 0px;
}
.rightcolumn {
	float: right;
	width: 45%;
	margin-top: 1em;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 1.5em;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.related {
	width: 95%;
	border: 1px solid rgba(12,98,168,1.00);
	border-radius: 6px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 195px;
}
.related-sml {
	width: 95%;
	border: 1px solid rgba(12,98,168,1.00);
	border-radius: 6px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 100px;
}
.related-med {
	width: 95%;
	border: 1px solid rgba(12,98,168,1.00);
	border-radius: 6px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 140px;
}
.related-sml h3 {
	margin-top: 1em;
}
.mainContent .section1 .section1Content {
	margin-top: 1em;
	padding-top: 1em;
}
.mainContent .section1 .section1Content span {
	color: rgba(146,146,146,1.00);
	font-family: sans-serif;
}
.section2 .sectionContentTitle {
	font-family: sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 18px;
	font-weight: 700;
	margin-top: 1em;
}

.section2 .sectionContentSubTitle {
	font-family: sans-serif;
	color: rgba(68,67,67,1.00);
	font-size: 14px;
	font-weight: 400;
}
.section2 .sectionContent {
	font-family: sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
}

.mainContent .externalResourcesNav .externalResources {
	background-color: rgba(255,255,255,1.00);
	display: inline-block;
	text-align: left;
	margin-top: 2%;
	padding-top: 1%;
	/* [disabled]padding-right: 1%; */
	/* [disabled]padding-left: 1%; */
	padding-bottom: 0.5%;
	cursor: pointer;
	width: 32%;
	/* [disabled]margin-left: 2%; */
	/* [disabled]margin-right: 2%; */
	margin-bottom: 2%;
	vertical-align: top;
}
.mainContent .externalResourcesNav .externalResources:hover {
	background-color: rgba(235,235,235,0.46);
	border: 1px solid rgba(255,255,255,0.85);
	border-radius: 6px;
}
.externalResourcesNav .externalResources a {
	/*font-family: 'Montserrat', sans-serif;*/
	font-size: 0.9em;
	/* [disabled]font-weight: 400; */
	line-height: 0.6em;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.externalResources h2 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.externalResources h5 {
	font-size: 0.8em;
	font-weight: normal;
}
.stretch {
	content: '';
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
}
.callout {
	margin-top: 3.5em;
	color: rgba(12,98,168,1);
}
/* Footer */
footer {
	background-color: #000066;
	color: #FFFFFF;
	font-family: 'Helvetica Neue', sans-serif;
	height: 10em;
	padding: .6em 0 .6em 0;
}
footer h5 {
	font-weight:normal;
	font-family:  "adobe-text-pro",sans-serif;
}
footer p {
	font-size:.7em;
	text-align:center;
	font-weight:normal;
	font-family:  "adobe-text-pro",sans-serif;
}
footer a {
	font-size:1em;
	text-align:center;
	font-weight:normal;
	font-family:  "adobe-text-pro",sans-serif;
	text-decoration:underline;
	color:#ffffff;
	}
footer .footerDisclaimer {
	font-size: .9em;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight:200;
	font-family:  "adobe-text-pro",sans-serif;
}
footer .footerDisclaimer span {
	color: #FFFFFF;
	font-weight: 400;
}
footer .footerNote {
	font-size: .9em;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight:200;
	font-family:  "adobe-text-pro", sans-serif;
}
footer .footerNote span {
	color: #FFFFFF;
	font-weight: 400;
}
.section1 article ul {
	margin-left: 1em;
}
article ul li {
}

/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
/* Header */

body {
	width:100%;
}
.header {
	width: 100%;
	float: none;
	text-align:center;
	margin-bottom:140px;
}
.header .profileLogo  {
	display: inline-block;
	width: 90%;
	float: none;
	text-align: center;
	clear: both;
}
.header #headernav {
	display: block;
	padding-left: 0;
	padding-bottom: 0;
	margin: 0;
	border: 0;
	background-color: rgba(244,244,244,0.71);
	/*float: left;*/
	width: 100%;
	/*height: 32px;*/
}

.navlist {
	clear: both;
	position: absolute;
	top: 35px;
	left: 5px;
	width: 180px;
	margin-left: 20px;
	z-index: 10000;
	padding: 5px;
	background: rgba(250,250,250,.9);
	border: solid 1px #194680;
	border-radius: 6px;
	display: none;
}
.navlist a {
	font-size: 1em;
	line-height: 1em;
	margin-bottom:1em;/*new*/
}

.navlist ul {
margin-left:2em;
margin-top:.2em;
background:rgba(255,255,255,.9);
width:200px;
}
/*.navlist ul li {
	margin-top:.8em;
	z-index:30000;

}*/
.menuicon {
	display: block;
	color: rgba(255,255,255,1.00);
	width: 42px;
	height: 25px;
	background: rgba(100,100,100,1);
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0;
	cursor: pointer;
	/* [disabled]border: solid 1px #194680; */
	border-radius: 6px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 0;
}
/*.header #headernav .navlist a:link, .header .navfloat #headernav .navlist a:visited {
	font-size: 1em;
	line-height: 1.4em;
}*/
.header #headernav .navlist li:hover > ul {
	width: 200px;
	background:rgba(255,255,255,.9)
} 

/* Main content sections */
.mainContent .section1 {
	text-align: left;
	margin-bottom: 10%;
	width: 90%;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
.section1 .section1Title, .section2 .section1Title {
	text-align: center;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	width: 100%;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
	display: none;
}
.mainContent .section1 .section1Content {
	display: inline-block;
	text-align: left;
	font-family: sans-serif;
    text-align: justify;
}
.mainContent .section2 {
	display: block;
	text-align: center;
}
.section2 .section2Content {
    margin-top: 10%;
    text-align: justify;
    margin-bottom: 10%;
}
.mainContent .externalResourcesNav {
    margin-bottom: 10%;
 
}
.mainContent .externalResourcesNav .externalResources {
	width: 90%;
	height: 100%;
	margin-bottom: 2%;
	border-bottom: 1px solid rgba(232,226,226,1.00);
	margin-top: 2%;
}
/* Footer */
footer {
	display: block;
	text-align: center;
	font-family: sans-serif;
}
.productlist {
	float: right;
	width: 50%;
	margin-bottom: 0.3em;
}
.mainContent .section1 .sliderHolder {
	margin-top: 28px;
}
.section1 article .rightcolumn {
	float: none;
	width: 95%;
}
.section1 article .leftcolumn {
	float: none;
	clear: both;
	width: 95%;
}
}
/*media query for test nav*/
@media all and (max-width: 768px) {
	a.menu-link { display: block; color: #fff; background-color: #333; float: right; text-decoration: none; padding: 19px 10px;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:58px; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}

/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1024px) {
/* Header */

body {
	width:100%;
}
header {
	width: 100%;
	float: none;
}
.header #headernav {
	padding-left:2px;
	font-weight:normal;
	font-size:.85em;
	width: 75%;
	margin-top:-5em;
}
.header #headernav a:link, .header .navfloat #headernav a:visited {
	margin-left: 1em;
	padding-left:.6em;
	
}
.header #headernav .navlist li:hover > ul {
display: block; /* show dropdown on hover */
margin-top:1.8em;
margin-left:4em;
border: solid 1px #194680;
background:#fffffe;
} 
header .profileLogo .logoPlaceholder {
	display: inline-block;
	font-family: "le-monde-journal-std-2", sans-serif;
}
header .profilePhoto {
	float: left;
	clear: both;
	margin-right: 3%;
    margin-top:5%;
}
header .profileHeader {
	text-align: left;
    margin-top:7%;
}
header .socialNetworkNavBar .socialNetworkNav {
	width: 74px;
	height: 74px;
	display: inline-block;
	margin-right: 23px;
}
/* Main content and sections */
.section1 .section1Title, .section2 .section1Title {
	text-align: center;
}
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	width: 100%;
}
.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {
	display: none;
}
.mainContent .section1 .section1Content {
	display: block;
	margin: 0% 0% 0% 20%;
	font-family: sans-serif;;
    margin-top: 5%;
    margin-bottom: 5%;
}
.mainContent .section2 {
	clear: both;
}
.section2 .section2Content {
	padding: 0px;
	margin-left: 20%;
	font-family: sans-serif;
    margin-top: 5%;
    margin-bottom: 5%;
}
.mainContent .externalResourcesNav {
	margin-left: 1%;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding-top: 0px;
	clear: both;
	height: auto;
}
.mainContent .externalResourcesNav .externalResources {
	width: 45%;
	height: 100%;
	margin-top: 5%;
	margin-left: 0px;
}
/* Footer */
footer .footerDisclaimer {
	float: left;
	margin-left: 3%;
	font-family: sans-serif;
}
footer .footerNote {
	float: right;
	margin-right: 3%;
	font-family: sans-serif;
}
}

/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
/* Header */
header .profileLogo .logoPlaceholder {
	float: left;
	margin-bottom: 50px;
}
header .profilePhoto {
	float: left;
	clear: both;
	margin-right: 3%;
}
header .profileHeader {
	text-align: left;
	padding-top: 10%;
}
header .socialNetworkNavBar .socialNetworkNav {
	width: 74px;
	height: 74px;
	display: inline-block;
	margin-right: 23px;
}
/* Main content sections */
.section1 .sectionTitleRule, .section2 .sectionTitleRule {
	width: 22.5%;
}
.mainContent .section1 .section1Content {
	display: block;
	margin-top: 0%;
	margin-right: 0%;
	margin-left: 26%;
	margin-bottom: 0%;
	font-family: sans-serif;
}
.mainContent .section2 {
	clear: both;
}
.section2 .section2Content {
	padding: 0px;
	margin-left: 26%;
	font-family: sans-serif;
}
.mainContent .externalResourcesNav {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding-top: 0px;
	clear: both;
}
.mainContent .externalResourcesNav .externalResources {
	width: 24%;
	height: 100%;
	margin-right: 1%;
	margin-left: 1%;
}
/* Footer */
footer .footerDisclaimer {
	float: left;
	margin-left: 3%;
	font-family: sans-serif;
}
footer .footerNote {
	float: right;
	margin-right: 3%;
	font-family: sans-serif;
}
}